﻿@charset "utf-8";
* { margin:0; padding:0; font-family:Tahoma; font-size:12px;}
body { background:url(/images/sandpaper.png);}
#backtotop { width:42px; height:42px; background:#FFF; border-radius:50px; border:4px solid #ccc; text-align:center; line-height:45px; font-weight:bold; cursor:pointer; position:fixed; right:75px; bottom: 125px; color:#333; transition:all 0.3s;}
#backtotop:hover {transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.container {}
.container .header { position:relative; height:340px; margin:0 0 50px 0;}
.container .header2 { width:960px; margin:-150px auto 0; position:relative; height:300px;}
.container .header .banner { width:100%; height:190px; background:url(/images/Banner.jpg) no-repeat; background-position:top center;}
.container .header .logo a { background:url(/images/logo.png) no-repeat; width:225px; height:225px; margin:0 auto; display:block;}
.container .header .socialnetwork { position:absolute; bottom:75px; right:0;}
.container .header .socialnetwork a{}
.container .header .socialnetwork a img{ border:none; transition:all 0.3s;}
.container .header .socialnetwork a:hover img{ transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.container .header .nav_top { height:50px; background:#263b96; margin: 25px 0 0 0;}
.container .header .nav_top ul{}
.container .header .nav_top ul li{ list-style:none;}
.container .header .nav_top ul li a{ display:block; height:50px; text-decoration:none; color:#FFF; float:left; text-transform:uppercase; line-height:55px; padding:0 25px; transition:all 0.3s; background:url(/images/nav_trangchu_icon.png) no-repeat; background-position: center -20px;}
.container .header .nav_top ul li .gioithieu{ background:url(/images/nav_gioithieu_icon.png) no-repeat; background-position: center -20px;}
.container .header .nav_top ul li .dichvu{ background:url(/images/nav_dichvu_icon.png) no-repeat; background-position: center -20px;}
.container .header .nav_top ul li .tintuc{ background:url(/images/nav_tintuc_icon.png) no-repeat; background-position: center -20px;}
.container .header .nav_top ul li .tuyendung{ background:url(/images/nav_tuyendung_icon.png) no-repeat; background-position: center -20px;}
.container .header .nav_top ul li .lienhe{ background:url(/images/nav_lienhe_icon.png) no-repeat; background-position: center -20px;}
.container .header .nav_top ul li a:hover, .container .header .nav_top ul li a.selected{ background-color:#364ea1; background-position:center 5px; line-height:75px;}
.container .header .nav_top .search { height:30px; width:280px; float:right; position:relative; margin:10px 15px 0 0;}
.container .header .nav_top .search input{ width:215px; height:30px; border-radius: 30px 0 0 30px; border:none; padding:0 0 0 15px; outline:none; margin:0;}
.container .header .nav_top .search button{  border-radius: 0 30px 30px 0; border:none;  outline:none; margin:0; width:50px; height:30px; position:absolute; right:0; cursor:pointer; background:url(/images/search_button_icon.png) no-repeat center #FFF;}

.maincontent { width:960px; margin:0 auto 35px; position:relative;}
.maincontent .slide_wrapper { width:630px; height:250px; position:relative; float:left; margin:0 0 30px;}
.maincontent .slide_wrapper .slide1 { position:absolute; width:630px; height:250px;}
.maincontent .slide_wrapper .slide1 img{}
.maincontent .slide_wrapper .slide1 span{ position:absolute; bottom:0; height:40px; background:#333; color:#FFF; width:615px; opacity:0.85; padding:10px 0 0 15px;}
.maincontent .slide_wrapper .slide1 span h3{ text-transform:uppercase; font-size:14px;}
.maincontent .slide_wrapper .slide1 span p{}
/*.maincontent .slide_wrapper .slide_control { position:absolute; right:0; top:5px;}*/
#control {position: absolute; top: 5px;right: 0; line-height: 24px; }
/*#control a { display: block; width: 25px; height: 25px; margin-bottom: 2px; float: left; margin-right: 3px; }*/
#control a.active {  }

.maincontent .slide_wrapper .slide_control ul {}
.maincontent .slide_wrapper .slide_control ul li{ list-style:none; float:left;}
.maincontent .slide_wrapper .slide_control a{ color:#FFF; text-decoration:none; display:block; width:25px; height:25px; float:left; background:#333; opacity:0.75; line-height:25px; text-align:center; margin:0 1px; transition:all 0.3s;border:solid 1px #666;}
.maincontent .slide_wrapper .slide_control a:hover, .maincontent .slide_wrapper .slide_control a.active{ opacity:1; background:#FFF; color:#333;}
.maincontent .tintucnoibat { width:300px; float:right;}
.maincontent .tintucnoibat a{ text-decoration:none;}
.maincontent .tintucnoibat h3{ width:298px; height:28px; border:solid 1px #c02329; position:relative; line-height:32px; text-transform:uppercase; background:#eee; color:#333; margin:0 0 5px;}
.maincontent .tintucnoibat h3 div{ height:28px; float:left; width:65px; margin:0 10px 0 0; background:url(/images/nav_tintuc_icon.png) no-repeat #c02329 center; transition:all 0.3s;}
.maincontent .tintucnoibat h3 p{ position:absolute; right:0; top:0; color:#333; height:28px; font-size:10px; line-height:30px; transition:all 0.3s; background:#ccc; opacity:0; text-transform:uppercase; width:75px; text-align:center;}
.maincontent .tintucnoibat h3:hover div{ margin:0 15px 0 0;}
.maincontent .tintucnoibat h3:hover p{ opacity:1;}
.maincontent .tintucnoibat ul{}
.maincontent .tintucnoibat ul li{ list-style:none;}
.maincontent .tintucnoibat ul li a{ color:#333; line-height:22px; transition:all 0.3s;}
.maincontent .tintucnoibat ul li a:hover{ text-decoration:underline;}
.maincontent .banner_ads { background:url(/images/Banner-truonghocvi1et.jpg) no-repeat; width:960px; height:115px; float:left; margin:0 0 50px 0;}

.maincontent .dichvu { width:960px; float:left;}
.maincontent .dichvu a{ color:#333;}
.maincontent .dichvu .dichvu1 { float:left; width:298px; border:solid 1px #999; height:148px; margin:0 30px 30px 0; position:relative; text-align:center; overflow:hidden; background:#EEE;cursor: pointer}
.maincontent .dichvu .dichvu1:nth-child(3n) { margin-right: 0!important;}

.maincontent .dichvu2 .dichvu1:nth-child(3n+0) { margin-right: 30px!important;}
.maincontent .dichvu2 .dichvu1:nth-child(even) { margin-right: 0!important;}

.maincontent .dichvu #last_chirld { margin:0; }
.maincontent .dichvu .dichvu1 img { margin:20px 0 0 0; transition:all 0.3s;}
.maincontent .dichvu .dichvu1 h3 { height:25px; background:#333; position:absolute; bottom:0; width:298px; font-weight:normal; text-transform:uppercase; color:#FFF; text-align:center; line-height:25px; transition:all 0.3s;}
.maincontent .dichvu .dichvu1 p { position:absolute; bottom:45px; opacity:0; text-align:left; width:140px; background:#e3e3e3; padding:5px; height:113px; transition:all 0.3s;}
.maincontent .dichvu .dichvu1:hover p { position:absolute; bottom:25px; opacity:0.8;}
.maincontent .dichvu .dichvu1:hover img { margin:20px 0 0 85px;}
.maincontent .dichvu .dichvu1:hover h3 {  background:#c02329;}


.footer {}
.footer .nav_bot{ width:100%; height:35px; background:#263b96; margin:0 0 30px 0;}
.footer .nav_bot ul{ width:960px; margin:0 auto;}
.footer .nav_bot ul li{ list-style:none; display:inline;}
.footer .nav_bot ul li a{ color:#FFF; text-decoration:none; line-height:35px; margin:0 25px 0 0;}
.footer .nav_bot ul li a:hover{ text-decoration:underline;}
.footer .footer2{ width:960px; margin:0 auto; height:185px; position:relative;}
.footer .footer2 .info{ float:left; position:absolute; bottom:0; width:300px;}
.footer .footer2 .info h3{ color:#263b96; font-size:15px; margin:0 0 5px 0;}
.footer .footer2 .info p{ line-height:18px;}
.footer .footer2 .gmap{ float:right; width:624px; height:179px; border:solid 3px #FFF; box-shadow:0 0 3px;}
.footer .footer2 .gmap iframe{ border:none;}
.footer .banquyen { height:25px; text-align:center; line-height:25px; font-size:10px; border-top:solid 1px #999; margin:15px 0 0 0; background:#999; color:#FFF;}













/*************************************GIOITHIEU********************************************/
.maincontent .left_content { width:630px; float:left;}
.maincontent .left_content h3{ font-size:18px; color:#263b96;}
.maincontent .left_content span{ font-size:10px; color:#999; /*display:block;*/ margin:0 0 15px 0;}
.maincontent .left_content img{ margin:0 0 15px 0; width:624px; height:309px; border:solid 3px #FFF; box-shadow:0 0 3px;}
.maincontent .left_content p{ text-align:justify; font-size:12px; color:#333;}

.maincontent .tintucnoibat .nav_phu { margin:0 0 30px 0;}
.maincontent .tintucnoibat .nav_phu ul{}
.maincontent .tintucnoibat .nav_phu ul li{}
.maincontent .tintucnoibat .nav_phu ul li a{}
.maincontent .tintucnoibat .nav_phu ul li a:hover{ text-decoration:none;}
.maincontent .tintucnoibat .nav_phu ul li a h3{ border: solid 1px #333; text-transform:none;}
.maincontent .tintucnoibat .nav_phu ul li a h3 div{ background:url(/images/nav_gioithieu_icon.png) no-repeat center #333;}
.maincontent .tintucnoibat .nav_phu ul li a.navphu_lichsu h3 div{background:url(/images/gioithieu_lichsuphattrien_icon.png) no-repeat #333 center;}
.maincontent .tintucnoibat .nav_phu ul li a.navphu_linhvuc h3 div{background:url(/images/nav_dichvu_icon.png) no-repeat #333 center;}
.maincontent .tintucnoibat .nav_phu ul li a.navphu_mohinh h3 div{background:url(/images/gioithieu_mohinhphattrien_icon.png) no-repeat #333 center;}
.maincontent .tintucnoibat .nav_phu ul li a.navphu_vanhoa h3 div{background:url(/images/gioithieu_vanhoaangia_icon.png) no-repeat #333 center;}
.maincontent .tintucnoibat .nav_phu ul li a:hover h3 div, .maincontent .tintucnoibat .nav_phu ul li a.active h3 div{ background-color:#c02329; margin:0 15px 0 0;}
.maincontent .tintucnoibat .nav_phu ul li a:hover h3, .maincontent .tintucnoibat .nav_phu ul li a.active h3{ border: solid 1px #c02329; color:#c02329;}
.maincontent .tintucnoibat .nav_phu ul li a.active h3 p { opacity:1;}









/**************************************DICH VU*********************************************/
.maincontent .left_content .dichvu { width:630px;}
.maincontent .left_content .dichvu h3{ font-size:12px;}
.maincontent .left_content .dichvu .dichvu1 img{ /*margin:0;*/width: auto;height: auto;border: none;box-shadow: none;}
.maincontent .tintucnoibat .nav_phu ul li a.navphu_smstruyenthong h3 div{background:url(/images/dichvu_smstruyenthong_20px.png) no-repeat #333 center;}
.maincontent .tintucnoibat .nav_phu ul li a.navphu_smsthuonghieu h3 div{background:url(/images/dichvu_smsmarketing_20px.png) no-repeat #333 center;}
.maincontent .tintucnoibat .nav_phu ul li a.navphu_truonghocviet h3 div{background:url(/images/dichvu_truonghocivet_20px.png) no-repeat #333 center;}
.maincontent .tintucnoibat .nav_phu ul li a.navphu_zozogame h3 div{background:url(/images/dichvu_zozogame_20px.png) no-repeat #333 center;}
.maincontent .tintucnoibat .nav_phu ul li a.navphu_xosobamien h3 div{background:url(/images/dichvu_xoso3mien_20px.png) no-repeat #333 center;}
.maincontent .tintucnoibat .nav_phu ul li a.navphu_smsmtsub h3 div{background:url(/images/dichvu_smsmtsub_20px.png) no-repeat #333 center;}
.maincontent .tintucnoibat .nav_phu ul li a:hover h3 div, .maincontent .tintucnoibat .nav_phu ul li a.active h3 div{ background-color:#c02329; margin:0 15px 0 0;}
.maincontent .tintucnoibat .nav_phu ul li a:hover h3, .maincontent .tintucnoibat .nav_phu ul li a.active h3{ border: solid 1px #c02329; color:#c02329;}
.maincontent .tintucnoibat .nav_phu ul li a.active h3 p { opacity:1;}
.maincontent .left_content #sudung { width:300px; height:50px; line-height:50px; background:#333; text-align:center; display:block; text-decoration:none; color:#FFF; font-size:14px; font-weight:bold; margin:0 auto 25px; transition:all 0.3s;}
.maincontent .left_content #sudung:hover { background:#c02329;	}






/*************************************TIN TUC************************************************/
.maincontent .left_content a { text-decoration:none; color:#333;}
.maincontent .left_content .tinmoi { width:630px; height:150px; padding-bottom:15px; border-bottom:solid 1px #999; margin:0 0 30px;}
.maincontent .left_content .tinmoi img{ float:left; margin:0 30px 0 0; width:300px; height:150px; border:none; box-shadow:none;}
.maincontent .left_content .tinmoi h3{}
.maincontent .left_content .tinmoi span{ display: block;}
.maincontent .left_content .tinmoi p{}

.maincontent .left_content .tincu { width:660px;}
.maincontent .left_content .tincu1 { width:300px; height:85px; padding-bottom:15px; border-bottom:solid 1px #999; float:left; margin:0 30px 15px 0;overflow: hidden;}
.maincontent .left_content .tincu1 img{ float:left; margin:0 15px 0 0; width:145px; height:85px; border:none; box-shadow:none;}
.maincontent .left_content .tincu1 h3{ font-size:12px;}
.maincontent .left_content .tincu1 span{ margin:0;}
.maincontent .left_content .phantrang {}
.maincontent .left_content .phantrang ul{ float:right;}
.maincontent .left_content .phantrang ul li{ list-style:none; display:inline;}
.maincontent .left_content .phantrang ul li a{ display:block; width:23px; height:23px; border:solid 1px #999; float:left; line-height:25px; text-align:center; background:#eee; margin:0 0 0 5px; transition:all 0.3s;}
.maincontent .left_content .phantrang ul li a:hover, .maincontent .left_content .phantrang ul li a.active{ border:solid 1px #c02329; background:#c02329; color:#FFF;}


.paging { float: right; width: 100%; text-align: right; font-size: 12px; }
.paging span span, .paging span a { display:block; width:23px; height:23px; border:solid 1px #999; float:left; line-height:25px; text-align:center; background:#eee; margin:0 0 0 5px; transition:all 0.3s; }
.paging span span, .paging span a:hover { border:solid 1px #c02329; background:#c02329; color:#FFF!important;font-size: 12px!important; }
#dtPgArticle { display: block;font-size: 12px;margin: 0;float: right;}
#otherArticle { margin-top: 20px;}
#otherArticle ul li { list-style: none;margin-bottom: 2px;margin-top: 2px;}
.btnSubmit { float: right; }
.btnSubmit a.btn { width:123px; height:28px; text-align:center; line-height:30px; border:solid 1px #c02329; background:#c02329; transition:all 0.3s; color:#FFF; font-weight:bold; display:block; float:right; margin:0 0 0 5px; }
.btnSubmit a.btn:hover {background:#eee; color:#333;}
a.btn { display: block; background-color: #253c8b; text-align: center; font-size: 12px;color: #FFF; }
.postinfo { display: block;}

.alert { float: left; width: 100%; color: #ff3a3a!important; margin-top: 5px; margin-bottom: 5px;font-size: 14px!important;font-weight: bold;  margin-left: 10px; }


/***********************************************LIENHE**************************************/
.maincontent .left_content .donggopykien { margin:35px 0 0 0;}
.maincontent .left_content .donggopykien h3 { width:628px; height:28px; border:solid 1px #c02329; position:relative; line-height:32px; text-transform:uppercase; background:#eee; color:#333; margin:0 0 5px; background:#EEE; font-size:12px; margin:0 0 15px 0;}
.maincontent .left_content .donggopykien h3 div{ height:28px; float:left; width:65px; margin:0 10px 0 0; background:url(/images/nav_tintuc_icon.png) no-repeat #c02329 center; transition:all 0.3s;}
.maincontent .left_content .donggopykien form{}
.maincontent .left_content .donggopykien form input{ width:288px; height:28px; border:solid 1px #999; margin:0 0 5px 0; outline:none; padding:0 0 0 10px;}
.maincontent .left_content .donggopykien form textarea{ width:618px; height:148px; resize:none; border:solid 1px #999; outline:none; padding:0 0 0 10px; margin:0 0 2px 0;}

.maincontent .left_content .donggopykien form button{ width:123px; height:28px; text-align:center; line-height:30px; border:solid 1px #c02329; background:#c02329; transition:all 0.3s; color:#FFF; font-weight:bold; display:block; float:right; margin:0 0 0 5px;}
.maincontent .left_content .donggopykien form button:hover{ background:#eee; color:#333;}


.postbody span { color: #000!important;font-size:12px!important;line-height: 20px;}
.postbody img { width: auto !important;height: auto!important;margin: 0!important}